﻿@using Share.Models
@{
    Layout = null;

    List<Category> Categories = (List<Category>)App.Categories;
    
    <a id="logo" href="/Home"><img src="/Content/img/logo.jpg"></a>
    <img id="free" src="/Content/img/freeShip.jpg" style="width: 320px;">
    <span id="links">
        <a href="http://translate.google.com.hk/translate?act=url&amp;hl=en&amp;ie=UTF8&amp;prev=_t&amp;sl=en&amp;tl=zh-CN&amp;u=http://ezweb.3322.org/">CHINESE</a> | <a href="/UserCenter/Information2">MY ACCOUNT</a> | <a href="/Home/Article">CUSTOMER SERVICE</a> | <a href="/ShoppingCart/v2">SHOPPING CART</a>
    </span>
    <span id="search">
        <input placeholder="Search" type="text">
    </span>
    <p id="call">
        Call Our Brand Ambassadors for a Live Consultation!<br>
        Licensed Estheticians, Cosmetologists on staff.<br>
        415-814-9788 (9am-5pm PST, M-F)</p>
    <a id="chat" href="/Home/Article"><img src="/Content/img/liveChat.jpg" alt="Live Chat"></a>
    <div id="menu" class="navbar">
        <div class="navbar-inner">
            <ul class="nav">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">All Products<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        @foreach (Category cat1 in Categories)
                        {
                            <li><a href="/Category/Index/@cat1.ID">@cat1.Name</a>
                                <ul>
                                    @foreach (Category cat2 in cat1.SubCategories)
                                    {
                                        <li><a href="/Category/Index/@cat2.ID">@cat2.Name</a>
                                            <ul>
                                                @foreach (Category cat3 in cat2.SubCategories)
                                                {
                                                    <li><a href="/Category/Index/@cat3.ID">@cat3.Name</a></li>
                                                }
                                            </ul>
                                        </li>
                                    }
                                </ul>
                            </li>
                        }
                    </ul>
                </li>
                <li><a href="/Category/Index/1">Hot Items</a></li>
                <li><a href="/Category/Index/1">Clearance</a></li>
                <li><a href="/Category/Index/1">Sales</a></li>
                <li><a href="/Category/Index/1">New Arrival</a></li>
                <li><a href="/Home/Article">Press</a> </li>
            </ul>
        </div>
    </div>
}